<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@include file="../../pccommon.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>提交订单</title>
<link type="text/css" rel="stylesheet" href="${staticPath}/pccss/style.css" />
<link type="text/css" rel="stylesheet" href="${staticPath}/pccss/address.css" />
<link type="text/css" rel="stylesheet" href="${staticPath}/pccss/voucher.css" />
<script type="text/javascript" src="${staticPath}/js/app/order/pcorder-address.js"></script>
<script type="text/javascript" src="${staticPath}/js/app/order/pcorder.js"></script>
<script src="${staticPath}/pcjs/jscarousel.js" type="text/javascript"></script>
<style type="text/css">
<!--
.more_address {
	display: none;
}

.jscarousal {
	width: 100%;
	/*border: solid 1px;*/
}

.jscarousal-contents {
	width: 94%;
}

.lunbo2 {
	width: 150px;
	height: 150px;
}

.jscarousal {
	height: 190px;
}

.jscarousal .jscarousal-left, .jscarousal .jscarousal-right {
	height: 150px;
}

.jscarousal-contents, .jscarousal-contents>div {
	margin-top: 2px;
	height: 182px;
}

.lunbo1 {
	height: 180px;
	width: 150px;
}

.order-remark {
	position: relative;
	padding: 10px;
	border-top: 1px solid #fff;
}

.remark-name {
	vertical-align: top;
	margin-top:12px;
	display: inline-block;
	line-height: 18px;
	font-size: 12px;
}

.remark-detail {
	display: inline-block;
}
.remark-detail span{
	display: none;
}

.remark-input {
	vertical-align: top;
	width: 328px;
	resize: none;
	height: 18px;
	line-height: 18px;
	text-indent: 4px;
	border: 1px solid #ccc;
	outline: 0;
	overflow: hidden;
	font-size: 100%;
}

.remark-detail.expand .remark-input{
	height: 57px;
	border: 1px solid #f40;
	overflow: auto;
}
.remark-detail.expand span{
	display: block;
	float: right;
}
-->
</style>
</head>
<input type="hidden" id="returnAddressId" value="${addressId}" />
<input type="hidden" id="singleBuyFlag" value="${singleBuyFlag}" />
<script type="text/javascript">
	function showOrderContent() {
		$.showLoading();
		var cartItemsCookie = $.cookie("cartItems");
		if (cartItemsCookie == undefined || "undefined" == cartItemsCookie
				|| cartItemsCookie == null) {
			cartItemsCookie = "";
		}
		var token = $.cookie("token");
		if (token == undefined || "undefined" == token || token == null) {
			token = "";
		}
		$.ajax({
			url : appPath + "/order/showPreOrderInfo.htm",
			dataType : 'html',
			type : 'post',
			data : {
				token : token,
				si : cartItemsCookie,
				addressId : $("#returnAddressId").val(),
				singleBuyFlag : $("#singleBuyFlag").val()
			},
			success : function(data) {
				$.hideLoading();
				var orderInfoDiv = $(data).find("#order_content_div");
				var addressInfoDiv = $(data).find("#address_div");
				$('#order_content_div').html($(orderInfoDiv[0]).html());
				$('#address_div').html($(addressInfoDiv[0]).html());
				orderReadyDo();
			},
			error : function() {
				$.hideLoading();
				$.alert("系统异常，请重试");
			}
		})
	}
	showOrderContent();
</script>
<body>
	<div id="wrapper">
		<c:import url="../layout/header1.jsp"></c:import>
		<div id="mainlist">
			<div id="main" style="padding-top: 20px; background: #fff;">
				<form id="order_form" method="post">
					<div class="tjdd">
						<div id="address_div"></div>
						<div id="order_content_div"></div>
					</div>
				</form>
			</div>
		</div>
		<c:import url="../layout/footer.jsp"></c:import>
	</div>
</body>
</html>